<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>循环结构</title>
    <style>

    </style>
</head>
<body>
<div id="app">
    <!--
                    1.什么时候使用循环
                        多次重复的执行同一个操作.
                    2.什么数据使用循环
                        1.数组
                        2.对象
                        3.数组套对象(集合)
                 -->
    <!--
           1. 遍历数据 将数组中的数据在页面中展现
     -->
    <p v-for="item in arry" v-text="item">
        <!-- 2. 获取下标
				  语法: v-for="(遍历的元素,遍历的下标) in array"
			  -->
    </p>

    <p v-for="(item,index) in array">

    </p>
</div>
<script src="../js/vue.js"></script>
<script>
    const APP =new Vue({
        el: "#app",
        data: {
            array: ["郭晶晶","马龙","姚明"]
        }

    })
</script>
</body>
</html>